{% extends "../base.html" %}

{% block head %} 
<link rel="stylesheet" type="text/css" href="{{handler.static_url}}/css/myspace.css"> 

<title>个人领地 |  Stock+</title> 
{% end %}

{% block body %} 
 
<script src="{{handler.static_url}}/js/myspace.js"> </script>
<div id="shareText" class="share" style="display: none;">
	<div class="title">
		<h3>分享此信息</h3>
	</div>
	<div class="body">
		<div class="editor">
			<div class="editable scrollbar" g_editable="true" contenteditable="plaintext-only" dir="LTR">
				 
			</div> 
		</div>
		<div class="content scrollbar"> 
			<div class="author">
				<div class="image32 l">
					<a href="#"><img src="{{handler.static_url}}/img/68059_50.jpg"></a>
				</div>
				<div class="origin">此信息最初由 <a href="#">洪磊明</a> 分享的</div>
				<div class="c"></div>
			</div>
			<blockquote> 
			这篇博文是最近发生的一件事情“激发”出来的。 
			对付那些批评中国政府腐败与社会弊端的人，中国的“爱国主义者”有一常备武器：“真正爱国的人不会嫌弃自己的祖国。儿不嫌母丑，狗不嫌家贫，是为忠孝。……”这句话已经收进五毛培训教材。使用者以为这是真理，一般人也很少想到这段话的荒唐，经不起推敲。
			9月11日晚，我在微博上遭遇了这条经典语录。我决定回应，于是回答说：“@丐帮长老上传‘儿不嫌母丑，狗不嫌家贫，是为忠孝’的帖子虽老掉牙，但还应指出一条他没想到的道理：既要用虚拟的母子血缘关系来表示政府与人民的关系，其权利与义务应是双向的，‘母亲’待子女要公平，哪有‘母亲’让部分子女享尽豪华，大部分子女艰难度日甚至流落街头，母不慈，子女如何能孝？”“对 @丐帮长老‘狗不嫌家贫’的回复：在中国如不幸投生为狗，得了主人恩赐的骨头之后，除看家护院咬人尽忠之外，还得准备贡献皮肉。...
			<br>
			<a href="#">展开此信息 »</a> 
			<br>
			虚拟血缘关系不产生社会凝聚力 | 何清涟美国之音中文博客
			虚拟血缘关系不产生社会凝聚力. 何清涟发表于九月15, 2011. 这篇博文是最近发生的一件事情“激发”出来的。 对付那些批评中国政府腐败与社会弊端的人，中国的“爱国主义者”有一常备武器：“真正爱国的人不会嫌弃自己的祖国。儿不嫌母丑，狗不嫌家贫，是为忠孝。……”这句话已经收进五毛培训教材。使用者以为这是真理，一般人 ...
			</blockquote> 
		</div>
	</div> 
	<div class="share">
			<div class="share-circle"> 
				<div class="circle-editor">
					<ul style="display: inline;">
						<li value="1"><span class="stream-circle"><span class="circle">O</span>国信客服<span class="close" onclick="removeCircle(event,this)">×</span></span></li>
						<li value="2"><span class="stream-circle"><span class="circle">O</span>泰然投顾<span class="close" onclick="removeCircle(event,this)">×</span></span></li>
						<li value="0"><span class="stream-open"><span class="plus">+</span>公 开<span class="close" onclick="removeCircle(event,this)">×</span></span></li>
						<li value="6"><span class="stream-district"><span class="to">»</span>综合资讯<span class="close" onclick="removeCircle(event,this)">×</span></span></li>
					</ul>
					<a class="hint" href="#" onclick="showCircleMenu(event,this);return false;"><span style="font-weight: bold;">+</span>添加投资圈...</a>
					<input class="circle-input hidden" onkeydown="tryRemoveCircle(event,this)">
				</div>
				<div class="circle-menu modal top hidden">
					<div class="hint">请选择投资圈</div>	  
					<ul>
						<li class="divider"></li>
						<li class="menu-plus" value="0" onclick="circleMenuClicked(event,this)">公 开</li> 
						<li class="divider"></li>
						<li class="menu-circle" value="1" onclick="circleMenuClicked(event,this)">国信客服</li>
						<li class="menu-circle" value="2" onclick="circleMenuClicked(event,this)">泰然投顾</li>
						<li class="menu-circle" value="3" onclick="circleMenuClicked(event,this)">红岭机构</li>
						<li class="menu-circle" value="4" onclick="circleMenuClicked(event,this)">千万俱乐部</li>
						<li class="menu-circle" value="5" onclick="circleMenuClicked(event,this)">V客交流</li>
					</ul>
				</div>
			</div>  
	</div>		
	<div class="footer">
		<a href="#" class="btn success">分享</a>
		<a href="#" class="btn" onclick="closeShareModal();return false;">取消</a>
	</div>
</div>

<div class="breadcumb"> 
	<div class="container-fluid">
		<div class="breadcumb-title" > 
			<span style="color: #1645AE;">S</span><span style="color: #D62408;">t</span><span style="color: #EFBA00;">o</span><span style="color: #1645AE;">c</span><span style="color: #007D08;">k</span><span style="color: #D62408;">+</span> 
			» 我的地盘
		</div>
		<div class="r">  
			<ul class="breadcumb-nav"> 
				<li><a href="#"><span class="plus">+</span> 提问/发新帖</a></li> 
				<li><a href="#"><span class="plus">+</span> 投递资讯</a></li> 
				<li><a href="#"><span class="plus">+</span> 分享研报</a></li>   
			</ul>
		</div> 
	</div>
</div>

<div class="container-fluid">
<div class="left-panel" style="width: 20%"> <!-- leftmost panel -->
	
	<div class="">
		<div class="l">
			<div class="image96">
				<a href="#"><img src="{{handler.static_url}}/img/68059_50.jpg"></a>
			</div> 
		</div>
		<div class="counts">
			<div><span class="name">粉丝</span> <span class="number">12</span></div>
			<div><span class="name">关注</span> <span class="number">8</span></div>
			<div><span class="name">积分(?)</span> <span class="number">802</span></div>
		</div> 
		<div class="c"></div>
		
	</div> 
	<div>
		<div class="caption"><h4>洪磊明 个性签名</h4><span></span></div> 
		<div class="signature">速度与激情，轻量级良民一枚</div>
	</div>
	
	<div style="margin-top: 10px;">
		<div class="caption"><h4>自选股 
		<span class="plus stock-cmd">下页</span>
		<span class="plus stock-cmd">上页</span>
		<span class="plus stock-cmd">+添加</span> 
		</h4>
		</div>
		<div class="stock-list"> 
			<ul>
			{% for i in range(5) %} 
				<li><span class="name">广汇股份</span> <span class="price up">22.11</span> <span class="percent up">1.03%</span><span class="close hidden">×</span></li>
			{% end %}
			{% for i in range(5) %} 
				<li><span class="name">浦发银行</span> <span class="price down">12.34</span> <span class="percent down">-2.12%</span><span class="close hidden">×</span></li>
			{% end %}
			</ul>  
		</div>
	</div> 
	<div>
		<div class="caption"><h4>关注(10)</h4></div>
		<div class="image-list">  
			{% for i in range(10) %}
			{% set num = randrange(10) %}
			<div class="image-item">
				<div class="image32">
					<a href="#"><img src="{{handler.static_url}}/img/{{num}}.jpg"></a>
				</div>
				<div class="name"><a href="#">洪雷鸣</a></div>
			</div>
			{% end %}
			<div class="c"></div>
		</div>
	</div> 
	
	<div>
		<div class="caption"><h4>粉丝(28)</h4></div>
		<div class="image-list">  
			{% for i in range(28) %}
			{% set num = randrange(10) %}
			<div class="image-item">
				<div class="image32">
					<a href="#"><img src="{{handler.static_url}}/img/{{num}}.jpg"></a>
				</div>
				<div class="name"><a href="#">洪雷鸣</a></div>
			</div>
			{% end %}
			<div class="c"></div>
		</div>
	</div>
</div>
<div class="middle-panel" style="width: 58%"> <!-- middle content --> 
	
	<div class="stream-region"> 
		<div class="title">信息推送</div> 
		<div class="streambox">
			<textarea></textarea>
			<div class="tools">
				<span class="pic"></span>
				<span class="video"></span>
			</div> 
		</div>  
		
		<div class="share-circle"> 
			<div class="circle-editor">
				<ul style="display: inline;">
					<li value="0"><span class="stream-open"><span class="plus">+</span>公 开<span class="close" onclick="removeCircle(event,this)">×</span></span></li>
					<li value="1"><span class="stream-circle"><span class="circle">O</span>国信客服<span class="close" onclick="removeCircle(event,this)">×</span></span></li>	
				</ul>
				<a class="hint" href="#" onclick="showCircleMenu(event,this);return false;"><span style="font-weight: bold;">+</span>添加投资圈...</a>
				<input class="circle-input hidden" onkeydown="tryRemoveCircle(event,this)">
			</div>
			<div class="circle-menu modal top hidden"> 
				<div class="hint">请选择投资圈</div>	  
				<ul>
					<li class="divider"></li>
					<li class="menu-plus" value="0" onclick="circleMenuClicked(event,this)">公 开</li> 
					<li class="divider"></li>
					<li class="menu-circle" value="1" onclick="circleMenuClicked(event,this)">国信客服</li>
					<li class="menu-circle" value="2" onclick="circleMenuClicked(event,this)">泰然投顾</li>
					<li class="menu-circle" value="3" onclick="circleMenuClicked(event,this)">红岭机构</li>
					<li class="menu-circle" value="4" onclick="circleMenuClicked(event,this)">千万俱乐部</li>
					<li class="menu-circle" value="5" onclick="circleMenuClicked(event,this)">V客交流</li>
				</ul>
			</div>
		</div>  
		<div class="command">
			<a href="#" class="btn info">分 享</a> 
		</div>  
	</div> 		
	<ul class="tabs"> 
			<li class="active"><a href="#">全部</a></li>
			<li><a href="#">我的发表</a></li>
			<li><a href="#">@提到我的</a></li>
			<li><a href="#">+收藏</a></li>
			<li><a href="#">私信</a></li> 
	</ul>  
	<ul class="streams">
		{% for i in range(20) %}
		{% set num = randrange(10) %}
		<li class="stream-item">
			<div class="profile"> 
				<a href="#"><img class="x50 frame" src="{{handler.static_url}}/img/{{num}}.jpg"></a>
			</div>
			<div class="body">
				<div class="topline">
					<span><a href="#"  style="font-weight: bold;">洪磊明</a> -上午- 07:53 公开</span>
				</div>
				<div class="text"> 
					那天你戎马天涯,许我十年后一生相守.从此篱笆古道,余我一人旧地重游.酒暖回忆,一曲你最爱的<东风破>,我怀抱琵琶频频弹奏.荒烟蔓草,我在遥遥无期的思念里郁郁而终…时隔千年,“篱笆外的古道我牵着你走过”演唱会上那个人深情高歌,看台上我泪如雨下——前世恋人未能相守,今生陌路我定追随…
				</div> 
				<div class="action-links">
					<a class="share-link" href="#" onclick="showShare(this);return false;">分享(9)</a> 
					<a class="reply-link" href="#">评论(8)</a> 
					<a class="del-link" href="#">删除</a>  
					<div class="c"></div>
				</div>
				{% set comments = randrange(4) %}
				{% if comments > 0 %}
				<div class="tweet-action"> 
					<div class="summary">
					<div class="c"></div>
					<div class="command">
						<input type="text" placeholder="添加评论..."/> 
						<div class="reply-box" style="display: none;">
							<textarea></textarea> 
							<a href="#" class="btn success">评论</a>
							<a href="#" class="cancel btn">取消</a>
						</div>
						<div class="c"></div>
					</div>
					<div class="replylist"> 
						{% for j in range(2) %}
						{% set num = randrange(10) %}
							<div class="reply-item">
								<div class="profile">
									<div class="image32">
										<a href="#"><img src="{{handler.static_url}}/img/{{num}}.jpg"></a>
									</div>
								</div>
								<div class="text">
									<span><a href="#">洪磊明</a>1小时前</span>
									<span>她得意的拿出个饮料瓶说：“ml就是毫升嘛，笨！”</span>
								</div>
								<div class="command">
									<a href="#">回复</a>
								</div>
								<div class="c"></div>
							</div> 
						{% end %}
					</div> 
					</div>
				</div>
				{% end %}
			</div>  
			<div class="c"></div>
		</li>
		{% end %}
	</ul>
</div>
<div class="right-panel" style="width: 20%"><!-- rightmost panel -->
	
	<div class="infobox">
		<div class="caption"><h4>访问统计</h4></div>
		<div>
			<ul class="stat">
				<li>今日访问: <span class="b">42</span></li>
				<li>昨日访问: 22</li>
				<li>本周访问: <span class="b">212</span></li>
				<li>本月访问: 242</li>
				<li>所有访问: 2322</li>
			</ul>
		</div> 
		<div class="c"></div>
	</div> 
	<div>
		<div class="caption"><h4>我的投资圈(4)</h4></div>
		<ul class="circle-list">    
			{% for i in range(4) %}
			<li style="margin-bottom: 8px;">
				{% set num = randrange(2) %} 
				<div class="image50 l">
					<a href="#"><img src="{{handler.static_url}}/img/guosen{{num}}.jpg"></a>
				</div>
				<div class="desc">
					<span class="name">泰然九投顾圈{{num}}</span>
					<span class="small" style="color: gray;">成员(186)</span>
					<span class="small" style="color: gray; ">泰然九营销中心</span>
				</div>
				<div class="c"></div>
			</li>  
			{% end %}
		</ul>
	</div> 
	<div>
		<div class="caption"><h4>最近访客(36)</h4></div>
		<div class="image-list">  
			{% for i in range(36) %}
			{% set num = randrange(10) %}
			<div class="image-item">
				<div class="image32">
					<a href="#"><img src="{{handler.static_url}}/img/{{num}}.jpg"></a>
				</div>
				<div class="name"><a href="#">洪雷鸣</a></div>
			</div>
			{% end %}
			<div class="c"></div>
		</div>
	</div>
</div>

</div>
{%end %}
